import React from 'react'
import { VERSIONS } from '../constants'

import { t } from  '/imports/i18n'
import { AppState, ExcalidrawProps } from '../types'

const LibraryMenuBrowseButton = ({
  theme,
  id,
  libraryReturnUrl
}: {
  libraryReturnUrl: ExcalidrawProps['libraryReturnUrl']
  theme: AppState['theme']
  id: string
}) => {
  const referrer = libraryReturnUrl || window.location.origin + window.location.pathname
  return (
    <a
      className='library-menu-browse-button'
      href={`${process.env.REACT_APP_LIBRARY_URL}?target=${
        window.name || '_blank'
      }&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}&version=${
        VERSIONS.excalidrawLibrary
      }`}
      target='_excalidraw_libraries'
    >
      {t('labels.libraries')}
    </a>
  )
}

export default LibraryMenuBrowseButton
